//引入html-webpack-plugin对象（构造函数），并且在插件中构造一下
var htmlWebpackPlugin = require('html-webpack-plugin');
//我新增了一段注释



// webpack默认支持commonjs模块
// 以commonjs的方式向外部导出一个对象，通过该对象的属性，就可以知道你要设置的是什么选项，通过该对象的属性的value,就是具体配置
module.exports = {
    //指定入口文件
    entry:{
        //有一个key是默认的入口，叫做main
        //此处也可以是多个入口
        main:'./src/main.js'
    },
    //指定出口文件
    output:{
        path:__dirname + '/dist/', //生成相关资源的目录,也包含filename定义的值
        filename:'build.js'
    },
    module:{
        //加载器 见s就是数组
        loaders:[{
            test:/\.css$/,  //加载的时候，什么样的文件用这个loader
            loader:'style-loader!css-loader!autoprefixer-loader',
            //先使用cssloader,styleloader两个包之间有先后依赖关系
        },{
            test: /\.vue$/,
            loader: 'vue-loader'
        }] 
    },
    
    plugins:[
        //添加操作html的插件
        new htmlWebpackPlugin({
            //操作哪一个html
            template:'./src/index.html'
            //生成的路径是output.path
        })
    ]
}

// var xxx =  {};
// //在这里就可以加上一些逻辑性的代码
// //比如if。。。或者更多操作
// module.exports = xxx;
//这是第二行